<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <!-- 用于开启理想视口，做移动端 -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- 用于配置浏览器页签+地址栏的颜色，，安卓手机才可以 -->
    <meta name="theme-color" content="#000000" />
    <!-- 描述网页信息的 -->
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <!-- 苹果手机内的图标 -->
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <!-- 加壳时的配置文件 -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <!-- <link rel="stylesheet" href="./css/bootstrap.css"> 这么写是相对路径，在react脚手架中，public为默认的根目录，当路由发生改变的时候，会导致样式丢失 -->
    <!-- <link rel="stylesheet" href="/css/bootstrap.css"> 这个是绝对路径 -->
    <!-- <link rel="stylesheet" href="%PUBLIC_URL%/css/bootstrap.css"> 这个也是绝对路径，%PUBLIC_URL%表示根 -->
    <!-- 或者路由注册的时候，使用HashRouter的方式 -->
    <link rel="stylesheet" href="%PUBLIC_URL%/css/bootstrap.css">
    <title>React App</title>
    <style>
      /* !important 提高权限(最高) */
      .atguigu {
        background-color: rgb(201, 33, 33) !important; 
        color: white !important;
      }
    </style>
  </head>
  <body>
    <!-- 如果浏览器不支持js运行，则出现这句话 -->
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>
